Swift不可缺少的技能-autolayout自動排版 - iT 邦幫忙::一起幫忙解決難題，拯救 IT 人的一天

第 11 屆 iThome 鐵人賽

DAY 10

0

自我挑戰組

從swift基礎出發的ARKit世界系列第 10 篇

Swift不可缺少的技能-autolayout自動排版

11th鐵人賽 swift

2019-09-25 08:54:49

935 瀏覽

分享至

第十天，我們在設計一個版面時，換個機型就會整個跑版嗎？
今天講的是自動排版autolayout
非常重要！
可以在不同機型情況下依然維持版面整齊乾淨ㄛ

autolayout(自動排版)
同一個版面設計在不同機型下
排版可能會跑掉！！！
我們來改善這個問題
autolayout必定要設定元件的x, y座標以及width, height
跑版樣子：
在i6s模擬器上是正常的置中

同個檔案在iXsMax上執行造成的跑版情況

如何調整成autolayout?
1.都要置中的話

再試試看在不同模擬器上執行結果：

成功！
2.非置中該調整哪呢
（記得圖示中黃框部分要取消勾選！！！這裡忘記取消勾選為錯誤示範）
3.佔版面多少百分比方式：
（1）拖曳小範圍至大範圍並先選擇滿版
（2）再調整右面板multiplier數值(0~1)調整百分比

Swift中的UIKit-part1 (tag控制＆程式碼產生元件）

Swift中的UIKit-part2 (UISwitch開關, UISlider滑桿）

系列文

從swift基礎出發的ARKit世界共 30 篇

目錄

RSS系列文訂閱系列文

4 人訂閱

完整目錄

直播研討會

{{ item.subject }}

{{ item.channelVendor }} {{ item.webinarstarted }} |

{{ formatDate(item.duration) }}

直播中

尚未有邦友留言

立即登入留言

參賽組數

1064 組

團體組數

40 組

累計文章數

22173 篇

完賽人數

597 人

15th鐵人賽 16th鐵人賽 13th鐵人賽 14th鐵人賽 12th鐵人賽 11th鐵人賽鐵人賽 2019鐵人賽 javascript 2018鐵人賽 python 2017鐵人賽 windows php c# windows server linux css react vue.js

IT邦幫忙